<script lang="ts" setup>
const user = useUserStore();
</script>

<template>
  <div


    h-180px w-320px flex flex-col justify-between p-4
    element-loading-background="rgba(0, 0, 0, 0.6)"
    class="group relative rounded-4 bg-#29bd29 text-white shadow-sm v-card dark:bg-#29bd29"
  >
    <!-- 顶部 -->
    <div flex-row-bt-c>
      <small flex-row-c font-600 opacity-90>
        <i i-solar:dollar-outline mr-1 bg-white p-2.4 />
        微信支付</small>
      <div class="w-2em">
        <svg
          t="1689749259928"
          class="icon"
          viewBox="0 0 1024 1024"
          version="1.1"
          xmlns="http://www.w3.org/2000/svg"
          p-id="1522"
        >
          <path
            class="dark-fill-##29bd29 fill-white"
            d="M683.058 364.695c11 0 22 1.016 32.943 1.976C686.564 230.064 538.896 128 370.681 128c-188.104 0.66-342.237 127.793-342.237 289.226 0 93.068 51.379 169.827 136.725 229.256L130.72 748.43l119.796-59.368c42.918 8.395 77.37 16.79 119.742 16.79 11 0 21.46-0.48 31.914-1.442a259.168 259.168 0 0 1-10.455-71.358c0.485-148.002 128.744-268.297 291.403-268.297l-0.06-0.06z m-184.113-91.992c25.99 0 42.913 16.79 42.913 42.575 0 25.188-16.923 42.579-42.913 42.579-25.45 0-51.38-16.85-51.38-42.58 0-25.784 25.93-42.574 51.38-42.574z m-239.544 85.154c-25.384 0-51.374-16.85-51.374-42.58 0-25.784 25.99-42.574 51.374-42.574 25.45 0 42.918 16.79 42.918 42.575 0 25.188-16.924 42.579-42.918 42.579z m736.155 271.655c0-135.647-136.725-246.527-290.983-246.527-162.655 0-290.918 110.88-290.918 246.527 0 136.128 128.263 246.587 290.918 246.587 33.972 0 68.423-8.395 102.818-16.85l93.809 50.973-25.93-84.677c68.907-51.93 120.286-119.815 120.286-196.033z m-385.275-42.58c-16.923 0-34.452-16.79-34.452-34.179 0-16.79 17.529-34.18 34.452-34.18 25.99 0 42.918 16.85 42.918 34.18 0 17.39-16.928 34.18-42.918 34.18z m188.165 0c-16.984 0-33.972-16.79-33.972-34.179 0-16.79 16.927-34.18 33.972-34.18 25.93 0 42.913 16.85 42.913 34.18 0 17.39-16.983 34.18-42.913 34.18z"
            p-id="1523"
          />
        </svg>
      </div>
    </div>
    <!-- 余额： -->
    <div class="flex-row-c-c leading-1.6em">
      <small>暂未开启</small>
    </div>
    <small block opacity-70>更新于：{{ user.userWallet.updateTime }}</small>
  </div>
</template>

<style scoped lang="scss"></style>
